@import 'mixin.scss';
html,body{
	margin: 0;
	height: 100%;
}
body{
	min-width: 1200px;
	@include clearfix;
}
ul,li{
	padding: 0;
	margin: 0;
	list-style: none;
}

.head{
	width: 100%;
	margin: 0 auto;
	position:fixed;
	top:0;
	z-index: 5;
	background: #fff;

	.head-box{
		width: 1200px;
		margin: 0 auto;
		height: 60px;
		line-height: 60px;
	}

	.top-nav{
		width: 50%;
		font-size: 16px;
	}

	.logo{
		float: left;
		width: 80px;
		height: 45px;
		margin: 3px 0;
	}
	.logo img{
		width: 100%;
		height: 100%;
	}
	.top-nav .nav-item{
		cursor: pointer;
		box-sizing: border-box;
		padding: 0 5px;
		margin : 0 15px 2px;
		position: relative;

		&.active{
			color: #0d5cab;
			cursor: auto;
			border-bottom: 3px solid #0d5cab;
		}
	}

	.top-nav .nav-item:not(:first-child)::before{
		content: '';
		position: absolute;
		left: -17px;
		top: 46%;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background-color: #d3e0f0;
	}
}

.main{
	margin-top: 65px;
	min-height: 400px;
}

.foot {
	.footer-top{
		height: 390px;
		background-color: #0b5caa;

		.connect-box{
			width: 1200px;
			margin: 0 auto;
			position: relative;

			.left-img{
				float: left;
				margin: 10px 30px 0 50px;
			}
			.connect-detail{
				color: #fff;
				width: 180px;
			}
		}
	}
	.connect-detail h3{
		text-align: center;
	}
	.address-detail{
		color: #fff;
		font-size: 12px;
		margin: 40px 0;
	}
	.address-detail .address-icon{
		margin-right: 20px;
	}
	.right-address{
		float: left;
		margin-left: 90px;
		margin-top: 30px;
	}
	.service-tel{
		color: #fff;
		width: 300px;
	}
	.service-tel .left-icon{
		float: left;
		width:30px;
		font-size: 24px;
		margin-top: 10px;
	}
	.service-tel .right-tel{
		margin-left: 32px;
	}
	.service-tel .glyphicon{
		transform: rotate(45deg);
	}
	.service-tel .service-hot{
		margin-bottom: 0;
	}
	.service-tel .service-phone{
		font-size: 20px;
	}
	.qrcode-wrap{
		position: absolute;
		right: 0;
		bottom: 60px;
	}
	.qrcode-wrap .health-qrcode{
		margin-left: 30px;
	}
	.foot-bottom{
		height: 64px;
		line-height: 64px;
		background-color: #0054a5;
		text-align: center;
		color: #68a3df;
		font-size: 14px;
	}
	.connect-detail .second-title{
		font-size: 20px;
		margin: 10px 0;
	}
}


